function initZ(data) {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('myChart'));
    const cumulativeProbability = normSDist(data);

    // 创建渐变颜色
    const gradientColors = [
        { offset: 0, color: '#FFB3B3' },  // 左侧颜色
        { offset: 0.33, color: '#FFE1A1' }, // 中间偏左颜色
        { offset: 0.67, color: '#FFF1B3' }, // 中间偏右颜色
        { offset: 1, color: '#D1FFD1' },    // 右侧颜色
    ];

    // 创建 segmentsData
    const segmentsData = [{
        type: 'bar',
        data: [cumulativeProbability], // 使用累积概率作为数据
        itemStyle: {
            color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 1,
                y2: 0,
                colorStops: gradientColors,
            },
        },
        label: {
            show: true, // 显示标签
            position: 'right', // 标签位置在柱子顶部
            formatter: (params) => {
                // 取出正确的值
                const value = params.data; // 修改这里以确保获取到正确的值
                return value; // 保留两位小数
            },
            fontSize: 10
        },
        barWidth: '50%', // 调整柱子的宽度
    }];

    const option = {
        grid: {
            left: '3%',
            right: '4%',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            name: '分数',
            min: 0,
            max: 1,
            interval: 0.1, // 设置间隔为0.1
            splitLine: {
                show: true,
                lineStyle: {
                    type: 'dashed',
                }
            },
        },
        yAxis: {
            type: 'category',
            axisLine: {
                lineStyle: {
                    color: "#696969", // 轴线颜色
                },
            },
            data: ['综合评价'], // 只有一条柱子
            //name: '综合评价', // 纵坐标标签
        },
        series: segmentsData, // 动态生成的 series
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);


}

// 根据分数计算颜色
function getColor(deliverDate) {
    // 找到最大值和最小值
    const maxScore = Math.max(...deliverDate);
    const minScore = Math.min(...deliverDate);
    const score = maxScore - minScore;
    const minColor = '#FFB3B3'; // 低分颜色（淡红色）
    const midColor = '#FFE1A1'; // 中等分数颜色（淡黄色）
    const highColor = '#B3FFB3'; // 高分颜色（淡绿色）

    let color;

    if (score < 2) {
        // 小于2，返回淡绿色
        color = highColor;
    } else if (score < 5) {
        // 小于5，返回淡黄色
        color = midColor;
    } else {
        // 大于5，返回淡红色
        color = minColor;
    }
    return color;
}

function initradaChart(deliverDate) {
    // 初始化雷达图的 ECharts 实例
    var radarChart = echarts.init(document.getElementById('radarChart'));

    // 雷达图配置项
    var optionRadar = {
        tooltip: {
            trigger: 'item'
        },
        radar: {
            indicator: [
                { name: '德育', max: 9, nameTextStyle: { color: '#000', fontSize: 16 } },
                { name: '体育', max: 9, nameTextStyle: { color: '#000', fontSize: 16 } },
                { name: '智育', max: 9, nameTextStyle: { color: '#000', fontSize: 16 } },
                { name: '美育', max: 9, nameTextStyle: { color: '#000', fontSize: 16 } },
                { name: '劳育', max: 9, nameTextStyle: { color: '#000', fontSize: 16 } }
            ],
            splitLine: {
                lineStyle: {
                    color: ['#ddd'] // 分割线颜色
                }
            },
            splitArea: {
                areaStyle: {
                    color: ['rgba(255, 255, 255, 0.3)'] // 分割区域背景颜色
                }
            }
        },
        series: [
            {
                type: 'radar',
                tooltip: {
                    trigger: 'item'
                },
                itemStyle: {
                    color: "#aaa"
                },
                areaStyle: {
                    color: getColor(deliverDate),
                    opacity: 0.8
                },
                data: [
                    {
                        value: deliverDate,
                        name: '综合评分',
                        label: {
                            show: true, // 显示数据标签
                            position: 'top', // 标签位置
                            formatter: function (params) {
                                return `${params.value}`; // 显示具体数值
                            },
                            color: '#000', // 数据标签颜色
                            fontSize: 14 // 数据标签字体大小
                        }
                    }
                ]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示雷达图。
    radarChart.setOption(optionRadar);
}
